
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Album example · Bootstrap v5.1</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/5.1/examples/album/">

    

    <!-- Bootstrap core CSS -->
<link href="https://getbootstrap.com/docs/5.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <!-- Favicons -->
<link rel="icon" href="../static/鞋子.png" sizes="32x32" type="image/png">
<meta name="theme-color" content="#7952b3">


    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>

    
  </head>

  <body>
  <body background="../static/背景.jpg" style="background-repeat: no-repeat;background-size: 100% 100%;background-attachment: fixed" type="image/png">
<header>
  <div class="collapse bg-dark" id="navbarHeader">
    <div class="container">
      <div class="row">
        <div class="col-sm-8 col-md-7 py-4">
          <h4 class="text-white">About</h4>
          <p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
        </div>
        <div class="col-sm-4 offset-md-1 py-4">
          <h4 class="text-white">Contact</h4>
          <ul class="list-unstyled">
            <li><a href="#" class="text-white">Follow on Twitter</a></li>
            <li><a href="#" class="text-white">Like on Facebook</a></li>
            <li><a href="#" class="text-white">Email me</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="navbar navbar-dark bg-dark shadow-sm">
    <div class="container">
       <a href="#" class="navbar-brand d-flex align-items-center">
   <svg t="1641407287384" class="icon" viewBox="0 0 2201 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2195" width="100" height="100"><path d="M36.493482 977.39459h2117.908116l-7.474453-377.240017s-186.861314-311.288965-476.166595-366.248175S769.429507 39.570631 769.429507 39.570631s-175.869472 455.941606-696.443109 305.133534l-36.492916 18.466294v615.543152z" fill="#FFFFFF" p-id="2196"></path><path d="M51.002714 608.508373a481.003006 481.003006 0 0 1 197.853156-40.449979c93.21082 7.034779 175.869472-113.435809 190.378703-190.378703 0 0-355.256333-10.991842-366.248175-32.975526s-36.492915 18.466295-36.492916 18.466294z" fill="#EA5D5C" p-id="2197"></path><path d="M1025.319588 321.40146l453.303564 115.634178-258.08845 389.990553-489.356806-19.345641 294.141692-486.27909z" fill="#4C66AF" p-id="2198"></path><path d="M1755.177896 226.871619L783.938738 1.319021h-10.112495a43.967368 43.967368 0 0 0-38.691283 23.742379c-57.597252 116.513525-175.869472 254.571061-315.685702 287.98626a622.138257 622.138257 0 0 1-143.33362 16.267926 579.050236 579.050236 0 0 1-215.000429-38.691284 43.967368 43.967368 0 0 0-17.147274-3.517389 43.967368 43.967368 0 0 0-43.967368 43.967368v692.925719h2198.368399v-293.262344c0.439674-241.820524-209.284672-450.225848-443.19107-503.866037zM2110.873903 729.418635v31.216831h-236.984113a842.854444 842.854444 0 0 0-175.869472-456.38128l38.691284 7.914127c182.904251 42.648347 374.162301 211.043366 374.162301 417.250322zM1209.103186 405.818806l-233.906397 354.81666h-175.869472l257.209102-389.55088z m91.452126 21.104337l113.435809 25.940747-203.12924 307.771576h-131.902104z m204.887934 47.045084l219.83684 50.562473a754.919708 754.919708 0 0 1 57.597252 236.104766H1318.142259zM794.93058 94.529841l61.554315 14.509232-7.034779 31.216831a43.967368 43.967368 0 1 0 85.736368 19.785315l10.112494-32.535852 85.736368 19.785316-7.034779 30.337484a43.967368 43.967368 0 0 0 85.736368 19.785315l7.034778-30.337484 85.736368 19.785316-7.034779 29.89781a43.967368 43.967368 0 0 0 85.736368 19.785316l7.034779-29.897811 85.736367 19.785316-6.595105 29.458137a43.967368 43.967368 0 1 0 85.736367 19.785315l6.595106-29.458136 92.771146 21.54401a766.351224 766.351224 0 0 1 123.987978 152.566767l-952.772864-219.83684a776.024045 776.024045 0 0 0 73.425504-106.401031zM651.157287 277.873766l314.366681 72.106483-270.838987 410.655217H88.374977v-83.537999c31.656505-52.321168 63.752684-59.355947 143.773293-76.063547 31.216831-6.595105 66.830399-14.069558 109.91842-25.940747a199.172177 199.172177 0 0 0 134.97982-98.047231 156.52383 156.52383 0 0 0 12.750536-95.848862 515.737226 515.737226 0 0 0 163.118935-103.323314zM273.91727 415.931301a714.030056 714.030056 0 0 0 127.94504-12.310863 67.270073 67.270073 0 0 1-6.595105 35.613568 118.711894 118.711894 0 0 1-79.141262 51.002147c-40.010305 10.991842-74.304852 18.466295-104.202662 24.621726a416.810648 416.810648 0 0 0-125.746673 40.010305V391.309575a708.753972 708.753972 0 0 0 189.93903 24.621726zM86.176608 934.306569v-87.934736h2022.498927v87.934736h-2022.498927z" fill="#cdcdcd" p-id="2199" data-spm-anchor-id="a313x.7781069.0.i3" class="selected"></path></svg>
    <span style="color: #c5e8ef">杨光辉</span>
      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
    </div>
  </div>
</header>

<main>

  <section class="py-5 text-center container">
    <div class="row py-lg-5">
      <div class="col-lg-6 col-md-8 mx-auto">


        <h1 class="fw-light" style="color: #000000">Python 期末项目</h1>

        <p class="lead text-muted">项目1:名字全称.</p>
          <p class="lead text-muted">项目2:元音字母词频统计.</p>
          <p class="lead text-muted">项目3:购物车&课程表.</p>
          <p class="lead text-muted">本项目参考文档如下:</p>
          <a href="https://dormousehole.readthedocs.io/en/latest/quickstart.html#id10">Flask文档</a>
          <a href="https://cnblogs.com/xuzhichao">博客</a>
        <p>
          <a href="/index" class="btn btn-primary my-2">名字全称拼写</a>
          <a href="/search" class="btn btn-primary my-2">元音词频统计</a>
            <a href="/class" class="btn btn-primary my-2">课程表</a>
        </p>
      </div>
    </div>
  </section>



</main>
</body>

<footer class="text-muted py-5">
  <div class="container">
    <p class="float-end mb-1">
      <a href="#">Back to top</a>
    </p>
    </div>
</footer>
    <script src="/docs/5.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</html>
